﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="ChineseSchool.DemoLogin" %>

<!DOCTYPE html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6 lt8"> <![endif]-->
<!--[if IE 7 ]>    <html lang="en" class="no-js ie7 lt8"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="no-js ie8 lt8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="vn" class="no-js">
<!--<![endif]-->
<head>
    <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">  -->
    <title>Học tiếng trung hiệu quả</title>
    <meta charset="utf-8" content="" />
    <meta name="description" content="Học tiếng trung hiệu quả" />
    <meta name="keywords" content="tieng trung, học tieng trung, day tieng trung, gia su tieng trung" />
    <meta name="author" content="tieng trung minh a" />
    <meta name="google-site-verification" content="5gFzg-gucpAWa2fk3bbtRlq4NX7Y-Q_o6K9VzfFjV2c" />
    <link rel="icon" type="image/vnd.microsoft.icon" href="/images/favicon.ico" />
    <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />

    <link href="/css/login/login-animate-custom.css" rel="stylesheet" type="text/css" />
    <link href="/css/login/login-demo.css" rel="stylesheet" type="text/css" />
    <link href="/css/login/login-style.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <script>
        window.fbAsyncInit = function () {
            FB.init({
                appId: '1538658363096911',
                xfbml: true,
                version: 'v2.5'
            });
        };

        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) { return; }
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        // listen for and handle auth.statusChange events
        FB.Event.subscribe('auth.statusChange', function (response) {
            if (response.authResponse) {
                // user has auth'd your app and is logged into Facebook
                FB.api('/me', function (me) {
                    if (me.name) {
                        document.getElementById('auth-displayname').innerHTML = me.name;
                    }
                })
                document.getElementById('auth-loggedout').style.display = 'none';
                document.getElementById('auth-loggedin').style.display = 'block';
            } else {
                // user has not auth'd your app, or is not logged into Facebook
                document.getElementById('auth-loggedout').style.display = 'block';
                document.getElementById('auth-loggedin').style.display = 'none';
            }
        });
        $("#auth-logoutlink").click(function () { FB.logout(function () { window.location.reload(); }); });
    </script>
    <div id="fb-root"></div>
    <script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.5&appId=1538658363096911";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <div id="container_demo">
        <!-- hidden anchor to stop jump http://www.css3create.com/Astuce-Empecher-le-scroll-avec-l-utilisation-de-target#wrap4  -->
        <a class="hiddenanchor" id="toregister"></a><a class="hiddenanchor" id="tologin"></a>
        <div id="wrapper">
            <div id="login" class="animate form">
                <form action="Login.html#tologin" autocomplete="on">
                    <h1>Đăng nhập</h1>
                    <p>
                        <label for="username" class="uname" data-icon="u">
                            Tên đăng nhập hoặc email
                        </label>
                        <input id="username" name="username" required="required" type="text" placeholder="myusername or mymail@mail.com" />
                    </p>
                    <p>
                        <label for="password" class="youpasswd" data-icon="p">
                            Mật khẩu
                        </label>
                        <input id="password" name="password" required="required" type="password" placeholder="eg. X8df!90EO" />
                    </p>
                    <p class="keeplogin">
                        <input type="checkbox" name="loginkeeping" id="loginkeeping" value="loginkeeping" />
                        <label for="loginkeeping">
                            Nhớ trạng thái đăng nhập</label>
                    </p>
                    <p class="login button">
                        <input type="submit" value="Đăng nhập" />
                        <div class="fb-login-button" data-max-rows="5" data-size="large" data-show-faces="true" data-auto-logout-link="true"></div>
                        <div
                            class="fb-like"
                            data-share="true"
                            data-width="450"
                            data-show-faces="true">
                        </div>
                    </p>
                    <p class="change_link">
                        Chưa có tài khoản ? <a href="#toregister" class="to_register">Đăng ký ngay!</a>
                    </p>
                </form>
            </div>
            <div id="register" class="animate form">
                <form action="Register.html#toregister" autocomplete="on">
                    <h1>Đăng ký thành viên
                    </h1>
                    <p>
                        <label for="usernamesignup" class="uname" data-icon="u">
                            Tên đăng nhập</label>
                        <input id="usernamesignup" name="usernamesignup" required="required" type="text"
                            placeholder="mysuperusername690" />
                    </p>
                    <p>
                        <label for="emailsignup" class="youmail" data-icon="e">
                            Email</label>
                        <input id="emailsignup" name="emailsignup" required="required" type="email" placeholder="mysupermail@mail.com" />
                    </p>
                    <p>
                        <label for="passwordsignup" class="youpasswd" data-icon="p">
                            Mật khẩu
                        </label>
                        <input id="passwordsignup" name="passwordsignup" required="required" type="password"
                            placeholder="eg. X8df!90EO" />
                    </p>
                    <p>
                        <label for="passwordsignup_confirm" class="youpasswd" data-icon="p">
                            Xác nhận mật khẩu
                        </label>
                        <input id="passwordsignup_confirm" name="passwordsignup_confirm" required="required"
                            type="password" placeholder="eg. X8df!90EO" />
                    </p>
                    <p class="signin button">
                        <input type="submit" value="Đăng ký" />
                        <div
                            class="fb-like"
                            data-share="true"
                            data-width="450"
                            data-show-faces="true">
                        </div>
                    </p>
                    <p class="change_link">
                        Đã có tài khoản ? <a href="#tologin" class="to_register">Đăng nhập ngay! </a>
                    </p>
                </form>
            </div>
        </div>
    </div>

    <%--Login from Facebook--%>
    <div id="auth-status">
        <div id="auth-loggedout">
            <div class="fb-login-button" autologoutlink="true" scope="email,user_checkins">Login with Facebook</div>
        </div>
        <div id="auth-loggedin" style="display: none">
            Hi, <span id="auth-displayname"></span>(<a href="#" id="auth-logoutlink">logout</a>)
        </div>
    </div>
</body>
</html>

